@import  "../../../styles/common.less";
// 每种课程的五个标签样

.delposition{
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
  float: left;
}
.fivestep{
  position: relative;
  margin-bottom: 20px;
  height: @card-height;
  box-shadow: 0 1px 10px 0 rgba(194,208,235,0.50);
  background-color:#FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  // 课程种类样式，（模块左上角，复习，unit，体验）
  .coursesSort{
    width: 90px;
    height: 30px;
    background: #ECF7E3;
    border-radius: 0 16px 16px 0;
    font-family: @font-Semibold;
    font-size: @small-font;
    color: #92D263;
    letter-spacing: 0.17px;
    padding-top: 5px;
    margin-top: 20px;

  }
    .havephone{
    //    margin-top:20px;
     overflow: hidden;
     height: 50px
    }
   // 电话图标
    .teacherpho{
      float: left;
        
    }
   // 体验课小标签
    .testbiaoqian{
      background: @testout-title-color;
      color:@testin-title-color;
    }
    // 常规课小标签
    .normalbiaoqian{
      background: @normaltout-title-color;
      color:@normalin-title-color;
    }

     // 复习课小标签
     .priviewbiaoqian{
      background:@previwout-title-color;
      color:@previwin-title-color;
    }




   //电话字体，以及划过的样式
    .teacherphone{
        float: right;
        margin-top: 18px;
        margin-right: 14px;
        img{
          width: 32px;
          height: 32px;
        }
        &:hover{
          .positionphone{
            display: block;
          }
        }
    }

    // 修改奖杯数字样式
    .num{
        font-size: @medium-title;

    }

    // 隐藏内容的样式
    .positionphone{
        width: 100px;
        height: 64px;
        position: absolute;
        right: 18px;
        top: 47px;
        display: none;
    }

    // 课程信息lesson，reader，
    ul{
      padding-left: 20px;
      li{

       list-style: none;
       font-family: @font-Regular;
       font-size: @small-font;
       color: #A5B9BF;
       letter-spacing: 0.17px;
       line-height: 14px;
       margin-bottom: 12px;
      }
    }
    //倒计时字样
    .countDown{
        width: 143px;
         height: 32px;
         margin-left: 57px;
         margin-right: 55px;
         margin-bottom:24px;
         color: #A5B9BF;
    
    }
    // 开课时间样式，具体得再细调
    .pretime{
        font-family:@font-Medium;
        font-size:@big-title;
        color: #173451;
        letter-spacing: 0.14px;
        line-height: 24px;
        margin: 41px 24px 16px 24px;
        b{
            font-weight: normal;
        }
    }

    // 修正正在上课，没有课程状态的标签
    .classing{
        margin-bottom: 64px;
    }

    //去复习标签 
    .classafert{
      margin: 0 auto;
      display: block;
      width: 102px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      // background: #F6F7FC;
      border-radius: 100px; 
      margin-bottom: 14px;  
    }
    // 开课时间
    .classBegin{
      width: 154px;
      height: 32px;
      margin-left: 48px;
      margin-right: 55px;
      margin-bottom:24px;
      color: @kidsColor

    }
    
    // 结束，缺席的样式
    .endBottom{
      width: 100%;
      overflow: hidden; 
      height: 45px;
      padding-left: 0;
      margin-top: 52px;
      
      li{ 
          font-size: 14px;
          height: 100%;
          width: 33.33%;
          float: left;
          text-align: center;
          
          button{
            background: #F6F7FC;
            height: 45px;
            width:100%;
            border: 0;
            margin-top: 10px;
            font-family: @font-Medium;
            font-size: @small-font;
            color: #949CCF;
            letter-spacing: 0.17px;
            line-height: @small-font;
            &:hover{
              color: #7183FD;
              text-decoration: underline
            }
          }
          .fixbtn{
            margin: 0;
            padding: 0;
          }
          .middlebtn{
            width: 80.33px;
          }
          .backplay{
            // width: 101%;
            float: right;
          }
          .contentwh{
            width: 400px;
            height:200px;
          }
      }
    }
    // 还未开始模块按钮
    .notbeging,.preview,.enterclass{
      width: 100%;
      height:46px;
      border: 0;
      margin-top:39px;
      border-radius: 0;
    }
    //倒计时的课前预习按钮
    .preview{
      margin-top:39px;
    }
    // 正在上课，进入课堂按钮
    .enterclass{
      margin-top:36px;
    }

    // 组班进行中样式
    .isAranging{
      font-family:@font-Semibold;
      font-size:@big-title;
      text-align: center;
      color: #173451;
      letter-spacing: 0.14px;
      line-height: 24px;
      width: 124px;
      margin: 41px 24px 23px 24px;

    }
    // 组班进行中文字样式
    .equipdesc{
      width: 90%;
      height: 69px;
      margin-left: 16px;
      margin-bottom: 46px;
      text-align:left;
      font-size: @small-font;
      color: #A5B9BF;
      letter-spacing: 0.17px;
      line-height: 21px;
    }
     // 调整购买常规课样式，多增加一个样式
    
    .labeTitle{
      font-family: @font-Semibold;
      font-size: @medium-title;
      color: #173451;
      letter-spacing: 0.14px;
      line-height: @medium-title;
      margin: 41px auto 23px auto;
      text-align: center;
    }
    .regularclass{
      b{
        font-weight:normal;
        font-family:@font-Semibold;
        font-size:@medium-title;
        color: #173451;
        letter-spacing: 0.14px;
        line-height: 24px;
        margin: 41px 0px 23px 0px;
        text-align: center;
      }
      p{
        font-style: normal;
        margin:15px 18px 24px 0px;
        font-size: @medium-font;
      }
      
    }
  // 中间横线
    .midlehr{
      position: relative;
      top: -14px;
      margin-left:18px;
      width: 216px;
      height: 2px;
      border-bottom: 1px solid #F6F7FC;
      margin-bottom: 10px;
      opacity: 0.73;
  
    }
  // 
    .buyRegularclass{
      position: absolute;
      bottom: 0;
      display: block;
      margin-bottom: 0px;
      width: 100%;
      height:46px;
      border: 0;
      border-radius: 0;
      color: #FFFFFF;
      background:@new-normal-color;
      &:hover{
        background:@new-hover-color;
      }
      &:active{
        background: @new-active-color;
      }
    }
   
  
  }